<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="#" id="myform">
        <input type="text" name="user" value="username">
        <input type="submit" value="提交">
        <select name="">
            <option value=""></option>
        </select>
        <textarea name="" cols="" rows=""></textarea>
        <button>wmf healthy</button>
    </form>

    <script type="text/javascript">
        /**
         * 表单对象属性：
         length:表示表单中控件（input、textarea、select、button）的个数
         elements：访问表单中的所有控件（数组形式返回）
         */
        // 获取表单
        var form = document.getElementById("myform");

        // 访问表单中控件个数
        var len = form.length;
        // console.debug(len);//5

        // 访问表单中的所有控件
        var formarr = form.elements;
        console.debug(formarr);
    </script>

</body>
</html>